<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=x, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./sources/font/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">

    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./sources/layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/cart.css">

</head>

<body>
    <!-- 导航 -->
    <div class="top">
        <div class="top-container">
            <div class="xiahuadie">
                资质证照 / 协议规则<i class="fa fa-chevron-down" aria-hidden="true"></i>
                <div class="xiahua">
                    <div id="license">资质证照</div>
                    <div id="protocol">协议规则</div>
                </div>
            </div>
            <span>|</span>
            <div id="downAPP"><a href="http://127.0.0.1:5500/xiaomiyoupin/download.html" style="list-style: none;     color: #E7E7E7;
					line-height: 48px;
					padding: 0 5px;
					font-size: 14px; text-decoration: none;"><span class="iconfont icon-iconfonticon1"
                        style="font-size: 20px;"></span>下载APP</a></div>
            <span>|</span>
            <div>帮助中心</div>
            <span>|</span>
            <div class="mycontent" id="mycontent">
                <div type="button" style="color:#E7E7E7 ;" id="reg">登录&nbsp;注册</div>
            </div>
        </div>
    </div>

    <!-- 菜单 -->
    <div id="menu-container">
        <div class="logo">
            <img src="./images/logo-bottom-l.png" alt="">
        </div>
        <div class="nav-part"></div>
        <div class="nav">
            <ul>
                <li>
                    限时抢购
                </li>
                <li>
                    企业采购</li>
            </ul>
        </div>
        <div class="search">
            <span class="iconfont icon-sousuo" style="font-size: 20px;float: left; margin-top: 12px;"></span>
            <input type="text" placeholder="搜一搜" />
        </div>
        <span class="iconfont icon-gouwuche cart-icon" style="font-size: 40px;float: right;margin-top: 5px;"></span>
    </div>
    <div id="goods-con">
        <div class="container1" style="min-height: inherit;
      position: relative;">
            <div> <a href="http://127.0.0.1:5500/xiaomiyoupin/index.html" class="a-nav">首页</a>
                ><a href="http://127.0.0.1:5500/xiaomiyoupin/cart.html" class="a-cart">购物车</a>
            </div>
            <div class="ww">
                <div class="con-cart">
                    <div class="con-img">
                        <div class="con-img-con"> </div>
                    </div>
                    <p class="con-p">购物车还是空着的</p>
                    <div class="btn-wrap"><a class="btn-wrap-a"
                            href="http://127.0.0.1:5500/%E5%B0%8F%E7%B1%B3%E6%9C%89%E5%93%81/index.html">继续逛</a></div>

                </div>

                </div>
            <!-- <div class="good-title">
                <input type="checkbox" name="all-chick" class="all-chick">
                <span class="all-txt">全选</span>
                <span class="product">商品信息</span>
                <span class="price">单价</span>
                <span class="num">数量</span>
                <span class="total">金额</span>
                <span class="edit">操作</span>
            </div>
            <div class="chat-info">
                <input type="checkbox" name="all-chick" class="all-chick">
                <span class="name">有品精选</span>
                <div class="mijiapost"><span><span class="postimg">!</span>满99.00元免运费</span>
                </div>
            </div>
            <div class="goods-list">
                <div class="cart-con clearfix">
                    <div class="select"> <input type="checkbox" name="one-chick" class="one-chick"></div>
                    <div class="image"><img
                            src="https://img.youpin.mi-img.com/shopmain/ff40d3c87eda04e5a31c16610ee9c99c.png?w=800&h=800"
                            alt=""></div>
                    <div class="list-name">
                        <p>倾厨智能快煮电饭煲 香草白 3L</p>
                    </div>
                    <div class="list-price">￥29</div>
                    <div style="float: left;display: flex; width: 260px;margin-top: 50px;">
                        <div class="goods-div">-</div>
                        <div style="border-top: 1px solid #b3b3b3;
                        border-bottom: 1px solid #b3b3b3;
                        float: left;
                        height: 30px;
                        line-height: 30px;width: 72px;
                        text-align:center
                    ">1</div>
                        <div class="goods-div">+</div>
                    </div>
                    <div class="list-total">￥99</div>
                    <div class="del">
                        <svg fill="#ccc" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
                            <path
                                d="M32.5.68,18,15.17,3.5.68A2,2,0,0,0,.68,3.5L15.17,18,.68,32.5A2,2,0,0,0,3.5,35.32L18,20.83,32.5,35.32a2,2,0,0,0,2.82-2.82L20.83,18,35.32,3.5A2,2,0,0,0,32.5.68Z">
                            </path>
                        </svg>
                    </div>
                </div> -->

            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="bottom ">
        <div class="bottom-container container1">
            <div class="lft"></div>
            <div class="ctr">
                <ul>
                    <li>
                        <img src="./images/record-icon..png" alt="">苏公网安备
                        32010502010244号&nbsp;&nbsp;©xiaomiyoupin.com&nbsp;&nbsp;苏B2-20180351&nbsp;苏ICP备18025642号-1
                    </li>
                    <li>企业名称：有品信息科技有限公司&nbsp;关于我们&nbsp;&nbsp;入驻有品&nbsp;&nbsp;知识产权侵权投诉</li>
                    <li>小米有品平台运营主体变更公告</li>
                    <li>南京市建邺区白龙江东街8号3栋9层</li>
                </ul>
            </div>
            <div class="rgt"></div>
        </div>
    </div>
    </div>
    <div class="gotop">
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-lianxikefu"></use>
            </svg>
            <p>联系客服</p>
            <div class="contact">
                <span style="font-size: 13px;color: #333;">小米有品平台问题，建议反馈，商户和物流问题投诉等请拨打小米有品</span>
                <span style="font-size: 13px;color: #333;">客服热线</span>
                <span style="font-size: 20px;font-weight: bold;padding-top: 15px;color: #845f3f;">400-100-1199</span>
                <span style="font-size: 10px;color: #999;">（周一至周日8：00-18：00）</span>
                <span style="font-size: 13px;color: #333;padding-top: 15px;">小米/米家自营品牌，手机电视智能硬件商品或订单发货退款售后问题请拨打</span>
                <span style="font-size: 13px;color: #333;">小米自营客服热线</span>
                <span style="font-size: 20px;font-weight: bold;padding-top: 15px;color: #845f3f;">400-100-5678</span>
                <span style="font-size: 10px;color: #999;">（周一至周日8：00-18：00）</span>
            </div>
        </div>
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-saomiaoerweimaon
            "></use>
            </svg>
            <p>下载APP</p>
            <div class="download">
                <div></div>
                <span style="margin-top: 20px;">下载小米有品APP</span>
                <span>得新人礼包</span>
            </div>
        </div>
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-xinrenyouli"></use>
            </svg>
            <p>新人有礼</p>
            <div class="gift">
                <div class="g1"></div>
                <div class="g2"></div>
            </div>
        </div>
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-weixin"></use>
            </svg>
            <p>关注微信</p>
            <div class="wechat">
                <div></div>
                <span style="margin-top: 20px;">扫码关注[小米有品]微信服务号，签到积分赢大奖</span>
            </div>
        </div>
        <div class="box" id="goTop" style="height: 49px; border-bottom:none;">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-huidaodingbu"></use>
            </svg>
            <p>回到顶部</p>
        </div>
    </div>
</body>
<script src="./sources/font/iconfont.js"></script>
<script src="./js/ajax.js"></script>
<script src="./js/jquery-2.2.4.js"></script>
<script src="./sources/layui-v2.6.8/layui/layui.js"></script>
<script src="./js/common.js"></script>
<script src="./js/all.js"></script>
<script src="./js/cart.js"></script>
</html>